.flex {
  display: -webkit-box;
  //display: box;
  -webkit-box-orient: horizontal;
  //box-orient: horizontal;
}

.flex.vertical {
  -webkit-box-orient: vertical;
  //box-orient: vertical;
}

.flex.start {
  -webkit-box-pack: start;
}

.flex.center {
  -webkit-box-pack: center;
}

.flex.end {
  -webkit-box-pack: end;
}

.flex.justify {
  -webkit-box-pack: justify;
}

.flex.top {
  -webkit-box-align: start;
}

.flex.middle {
  -webkit-box-align: center;
}

.flex.bottom {
  -webkit-box-align: end;
}